@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code{margin:0; padding:0; font-family:"Helvetica","NanumGothic", "돋움","Dotum", "굴림","Gulim","AppleGothic","Sans-serif"; font-size:12px;}
form,fieldset,legend,input,textarea,th,td,blockquote,p{margin:0; padding:0; font-family:"돋움","Dotum","굴림", "Gulim","AppleGothic","Sans-serif"; font-size:12px;} /* form 관련 문자속성 */ 
img, fieldset, button{border:none;}
img{vertical-align:top;}
li{list-style:none;}

.header{
background:url(../images/header_bg.gif) repeat-x;
border:none;
-webkit-background-size:26px 44px;
padding:0;
margin:0;
}

html{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body{background-color:#fff;}
.footer{border:none; background:none}

#home, .content{background:#fff}
.content li{ border-bottom:1px solid #cfcfcf}
.ui-icon ui-icon-arrow-r ui-icon-shadow{display:none}

.gnb{height:44px}
.gnb li{float:left; width:25%; background:url(../images/header_li_bg.gif) right 50%  no-repeat; -webkit-background-size:1px 27px;}
.gnb:after { content:""; clear:both; display:block; } 
.gnb a{display:block;  width:100%; height:44px; -webkit-background-size:27px 24px; text-indent:-9999px}
.gnb .home_ico{background:url(../images/home_icon.png) 50% 50%  no-repeat;}
.gnb .star_ico{background:url(../images/star_icon.png) 50% 50%  no-repeat;}
.gnb .category_ico{background:url(../images/category_icon.png) 50% 50%  no-repeat;}
.gnb .search_ico{background:url(../images/search_icon.png) 50% 50%  no-repeat;}

.gnb .home_ico.on{background:url(../images/home_icon_on.png) 50% 50%  no-repeat;}
.gnb .star_ico.on{background:url(../images/star_icon_on.png) 50% 50%  no-repeat;}
.gnb .category_ico.on{background:url(../images/category_icon_on.png) 50% 50%  no-repeat;}
.gnb .search_ico.on{background:url(../images/search_icon_on.png) 50% 50%  no-repeat;}

#loading{text-align:center; margin-top:15px; height:28px;}

.lnb{background:url(../images/lnb_bg.gif) repeat-x; height:45px; -webkit-background-size:1px 46px;}

.tab_area{
		margin:0 auto;
		width:93%;
		position:relative; 
		left:4px;
		}

.tab_area:after{clear:both}

.tab_area .btn_tab{
		display: inline-block;
        white-space: nowrap;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d8d9));
        background-image: -webkit-linear-gradient(top, #fff, #d7d8d9);
        background-image: -moz-linear-gradient(top, #fff, #d7d8d9);
        background-image: -ms-linear-gradient(top, #fff, #d7d8d9);
        background-image: -o-linear-gradient(top, #fff, #d7d8d9);
        background-image: linear-gradient(top, #fff, #d7d8d9);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d7d8d9');
        border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		border-radius:.1em;
		-webkit-border-radius:.1em;
		width:33%;
		height:28px;
		line-height:28px;
		font-size:30px;
		text-align:center;
        margin: 7px 0 0 0;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color:#7f7f7f;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(208,212,218,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(208,212,218,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(208,212,218,.3);
		float:left;
}


.tab_area .btn_tab.left{
		border:1px solid #777;
		border-radius:.5em 0 0 .5em;
		-webkit-border-radius:.5em 0 0 .5em;
		width:32%;
}
.tab_area .btn_tab.right{
		border:1px solid #777; border-radius: .5em;
		border-radius:0 .5em .5em 0;
		-webkit-border-radius:0 .5em .5em 0;
		width:32%;
}
.tab_area .btn_tab:link,.tab_area .btn_tab:visited{color:#7f7f7f}

.tab_area .btn_tab:hover{
        background-color: #d7d8d9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d8d9), to(#fff));
        background-image: -webkit-linear-gradient(top, #d7d8d9, #fff);
        background-image: -moz-linear-gradient(top, #d7d8d9, #fff);
        background-image: -ms-linear-gradient(top, #d7d8d9, #fff);
        background-image: -o-linear-gradient(top, #d7d8d9, #fff);
        background-image: linear-gradient(top, #d7d8d9, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d7d8d9', EndColorStr='#ffffff');
		color:#7f7f7f;
}


.tab_area #btn_up {
		background-color: #d7d8d9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d8d9), to(#fff));
        background-image: -webkit-linear-gradient(top, #d7d8d9, #fff);
        background-image: -moz-linear-gradient(top, #d7d8d9, #fff);
        background-image: -ms-linear-gradient(top, #d7d8d9, #fff);
        background-image: -o-linear-gradient(top, #d7d8d9, #fff);
        background-image: linear-gradient(top, #d7d8d9, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d7d8d9', EndColorStr='#ffffff');
		color:#3b913d;
}

.btn_up {
	border: 1px solid 		#bbbbbb /*{c-bhover-border}*/;
	background: 			#dadada /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: 					#101010 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
}

.lnb .title{color:black; font-size:18px; font-weight:bold; height:46px; line-height:46px; padding-left:10px;; text-shadow: #eee 1px 1px 1px }

.ad{height:47px; text-align:center}

.ul_list{margin:-15px}
.ul_list li{clear:both; position:relative; min-height:60px; background:url(../images/noimg.png) no-repeat}
.ul_list li a:first-child{display:block;}
.ul_list li a:link{text-decoration: none;}
.ul_list li a:hover,.ul_list li:hover{background:#eee;}
.ul_list li a .img_box{position:relative; width:80px; height:60px;}
.ul_list li a .length{position:absolute; bottom:0px; right:0px; padding:2px 3px; text-align:right; font-size:11px; font-weight:normal; background:black; color:#fff}
.ul_list li a h3{position:absolute; top:10px; width:55%;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  height:22px; color:black; left:90px; font-size:14px; font-weight:bolder}
.ul_list li a p{position:absolute; top:35px; color:black; left:90px; font-size:11px}
.ul_list li .star{display:block;  position:absolute; top:17px; right:15px; width:27px; height:23px; -webkit-background-size:27px 23px; text-indent:-9999px; background:url(../images/star.png) no-repeat;}
.ul_list li .star:hover,.ul_list li .star.on{background:url(../images/star_on.png) no-repeat;}
.ul_list li .down{display:block;  position:absolute; top:17px; right:15px; width:27px; height:23px; -webkit-background-size:27px 23px; text-indent:-9999px; background:url(../images/down.png) no-repeat;}
.ul_list li .down:hover,.ul_list li .down.on{background:url(../images/down_on.png) no-repeat;}
.ul_list li .del{display:block;  position:absolute; top:17px; right:15px; width:27px; height:23px; -webkit-background-size:27px 23px; text-indent:-9999px; background:url(../images/del.png) no-repeat;}
.ul_list li .del:hover,.ul_list li .del.on{background:url(../images/del_on.png) no-repeat;}

.ul_list li .veiw{display:inline-block; padding:0 6px 0 13px;  -webkit-background-size:11px 11px; background:url(../images/eye.png) 0 50% no-repeat;}
.ul_list li .like{display:inline-block; padding:0 6px 0 13px;  -webkit-background-size:11px 11px; background:url(../images/thumb.png) 0 50% no-repeat;}
.ul_list li .reply{display:inline-block; padding:0 6px 0 13px;  -webkit-background-size:11px 11px; background:url(../images/comment.png) 0 50% no-repeat;}

@media screen and (-webkit-device-pixel-ratio: 2) {
	.header {background:url(../images/header_bg_x2.gif) repeat-x; }
	.gnb li{background:url(../images/header_li_bg_x2.gif) right 50%  no-repeat;}
	.gnb .home_ico{background:url(../images/home_icon_x2.png) 50% 50% no-repeat;}
	.gnb .star_ico{background:url(../images/star_icon_x2.png) 50% 50%  no-repeat;}
	.gnb .category_ico{background:url(../images/category_icon_x2.png) 50% 50%  no-repeat;}
	.gnb .search_ico{background:url(../images/search_icon_x2.png) 50% 50%  no-repeat;}

	.gnb .home_ico.on{background:url(../images/home_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .star_ico.on{background:url(../images/star_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .category_ico.on{background:url(../images/category_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .search_ico.on{background:url(../images/search_icon_on_x2.png) 50% 50%  no-repeat;}

	.lnb{background:url(../images/lnb_bg_x2.gif) repeat-x;}

	.ul_list li .star{background:url(../images/star_x2.png) no-repeat;}
	.ul_list li .star:hover,.ul_list li .star.on{background:url(../images/star_on_x2.png) no-repeat;}
	.ul_list li .down{background:url(../images/down_x2.png) no-repeat;}
	.ul_list li .down:hover,.ul_list li .down.on{background:url(../images/down_on_x2.png) no-repeat;}
	.ul_list li .del{background:url(../images/del_x2.png) no-repeat;}
	.ul_list li .del:hover,.ul_list li .del.on{background:url(../images/del_on_x2.png) no-repeat;}

	.ul_list li .veiw{background:url(../images/eye_x2.png) 0 50% no-repeat;}
	.ul_list li .like{background:url(../images/thumb_x2.png) 0 50% no-repeat;}
	.ul_list li .reply{background:url(../images/comment_x2.png) 0 50% no-repeat;}
	}
@media screen and (-webkit-device-pixel-ratio: 1.5) {
	.header {background:url(../images/header_bg_x2.gif) repeat-x; }
	.gnb li{background:url(../images/header_li_bg_x2.gif) right 50%  no-repeat;}
	.gnb .home_ico{background:url(../images/home_icon_x2.png) 50% 50% no-repeat;}
	.gnb .star_ico{background:url(../images/star_icon_x2.png) 50% 50%  no-repeat;}
	.gnb .category_ico{background:url(../images/category_icon_x2.png) 50% 50%  no-repeat;}
	.gnb .search_ico{background:url(../images/search_icon_x2.png) 50% 50%  no-repeat;}

	.gnb .home_ico.on{background:url(../images/home_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .star_ico.on{background:url(../images/star_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .category_ico.on{background:url(../images/category_icon_on_x2.png) 50% 50%  no-repeat;}
	.gnb .search_ico.on{background:url(../images/search_icon_on_x2.png) 50% 50%  no-repeat;}

	.lnb{background:url(../images/lnb_bg_x2.gif) repeat-x;}

	.ad{background:url(../images/ad_x2.gif) 50% top no-repeat;}

	.ul_list li .star{background:url(../images/star_x2.png) no-repeat;}
	.ul_list li .star:hover,.ul_list li .star.on{background:url(../images/star_on_x2.png) no-repeat;}
	.ul_list li .down{background:url(../images/down_x2.png) no-repeat;}
	.ul_list li .down:hover,.ul_list li .down.on{background:url(../images/down_on_x2.png) no-repeat;}
	.ul_list li .del{background:url(../images/del_x2.png) no-repeat;}
	.ul_list li .del:hover,.ul_list li .del.on{background:url(../images/del_on_x2.png) no-repeat;}

	.ul_list li .veiw{background:url(../images/eye_x2.png) 0 50% no-repeat;}
	.ul_list li .like{background:url(../images/thumb_x2.png) 0 50% no-repeat;}
	.ul_list li .reply{background:url(../images/comment_x2.png) 0 50% no-repeat;}
	}

#load{position:relative; top:20px; left:50%} 

